body {font-family:Tahoma;margin:auto;text-align:center;}

/* splash screen */
#loading{ margin:20px;}
#credits { margin:15px;    font-size:small;}
#address{    display:none;    padding-top:200px;    text-align:center;    margin:auto;}

/* game */
#game {display:none;margin:auto;}

#map {width:100%;height:600px;}

#smallMap {position:absolute; z-index: 999; right: 0px; top: 0px; width:300px;height:200px;border-style:solid;border-width:2px;margin-left:10px;}

#zoomControls { position:absolute; top: 0; right: 300px; width: 20px; height: 200px; } 
#zoomControls > * { display:block; height: 100px; width: 20px; cursor:pointer; background: white; opacity: 0.5; line-height: 100px; text-align: center; }
#zoomControls > *:hover { opacity: .95; background: #efefef;}

#ui, .instruc {background:white;position:absolute; z-index:999; right: 0px; top: 230px; width:290px;border-style:solid;border-width:2px;margin-left:10px;text-align:left;padding:5px; font-family: "Gill Sans", "Trebuchet MS", Helvetica ; height: 340px; opacity: .9;}
#ui:hover {opacity: .97;}
.instruc { background: #FFFF99; opacity: .9; height: auto; font-size: 110%; font-style: italic;}

#ui h3 { font-family: "Gotham"; padding-top: 10px; clear:left; }
#ui h3:first-child { margin-top: 3px; }
#ui h3:first-letter { font-weight: bold;}

button strong { display:block;} 

#towers button, #bases li { float: left; width: 75px; height: 80px; display: block; margin-right: 5px;}
#towers button { cursor: pointer;}


#towers { position:relative;}
#towers div { display:none; position:absolute; width: 268px; height: 130px; background: #efefef; border: 1px solid #ccc; top: 90px; padding: 10px; z-index:3;}
#towers li:hover div { display:block;}
#towers p { margin-bottom: 10px;}
#towers dt, #towers dd {float: left; height: 20px; width: 100px; }
#towers dt { clear: left;}

#btnStop {          }

#btnTurretToggle {          }

#bases { position:relative;}
#bases img { cursor: pointer;}
#bases div { display:none;position:absolute; left: 0; width: 290px; height: 90px; background: #efefef; border: 1px solid #ccc; top: -200px; z-index: 3;}
#bases li:hover div { display:none;} /* disabled */

#alert { width: 220px; height: 25px; background: #FFF68F; opacity: 0.9; position:absolute; top: 0; left: 50%; margin-left: -75px; border: 2px solid #FBEC5D;}

#corner { border-width: 14px;	border-color: #BFFFBF; position:absolute; top: 0; right: 0; line-height: 0px; width: 0px; height: 0px; border-style: solid; border-top-color: #60BF60; border-right-color: #60BF60;}